import React from 'react';
import './demand.scss';
import Footer from "components/Footer";

function Demand() {
    return ( <div class="demand-index">
    <header class="flex aic jc-c rel bg-fff">
        <a class="back abs flex aic ml-10" href="/">
            <i class="icon iconfont icon-zuojiantou"></i>
            <span>返回</span>
        </a>
        <img class="logo" src={require('assest/img/logo.png')} alt=""/>
    </header>
    <img class="img w100pc" src={require('assest/img/demand.jpeg')}/>
    <div
        class="container pl-15 pr-15 bg-fff">
        <div class="item flex aic jc-sb">
            <span class="label">旅游类型</span>
            <div class="content fg1 flex">
                <span class="op">家庭</span>
                <span class="op ml-15 active">公司</span>
                <span class="op ml-15">同学</span>
                <span class="op ml-15">其他</span>
            </div>
        </div>
        <div class="item flex aic jc-sb">
            <span class="label">出游人数</span>
            <div class="content fg1 flex">
                <span class="op active">1-5</span>
                <span class="op ml-15">6-10</span>
                <span class="op ml-15">10+</span>
            </div>
        </div>
        <div>
            <div class="item flex aic jc-sb" extra="Optional">
                <span class="label">出游时间</span>
                <div class="content fg1 flex">
                    <input class="inp f999" placeholder="请选择"
                        value="2021-09-09"/>
                </div>
            </div>
        </div>
        <div class="item flex aic jc-sb">
            <span class="label">公司名称</span>
            <div class="content fg1 flex">
                <input class="inp f999" placeholder="请填写" name="compony"
                    value="zlxx"/>
            </div>
        </div>
        <div class="item flex aic jc-sb">
            <span class="label">联系姓名</span>
            <div class="content fg1 flex">
                <input class="inp f999" placeholder="请填写"
                    name="username" value="老胡"/>
            </div>
        </div>
        <div class="item flex aic jc-sb">
            <span class="label">联系电话</span>
            <div class="content fg1 flex">
                <input class="inp f999" placeholder="请填写" name="phone"
                    value="13800000000"/>
            </div>
        </div>
        <a  class="btn fcc btn fff f14">
            <span>提交需求</span>
        </a>
    </div>
    <Footer />
</div> );
}

export default Demand;